﻿@charset "utf-8";
body{background-color:#fff;}
/*轮播图*/
.indexFocus{height:550px;position:relative;overflow:hidden}
.indexFocus .bd{position:relative;height:100%;}
.indexFocus .bd li{zoom:1;vertical-align:middle}
.indexFocus .bd li img{position:relative;left:50%;margin-left:-960px;width:1920px;}
.indexFocus .hd{position:absolute;z-index:1000;bottom:16px;left:0;height:14px;line-height:14px;width:100%}
.indexFocus .hd,.indexFocus .hd ul{text-align:center}
.indexFocus .hd ul li{cursor:pointer;display:inline-block;zoom:1;width:5px;height:5px;border-radius:50%;border:2px solid #FFFFFF;margin:0 5px;overflow:hidden;z-index:1000;text-indent:-999em;line-height:10px;padding:3px;}
.indexFocus .hd ul li.on{background-color:#fff;background-clip: content-box;}

/*关于我们*/
.indexTitle{text-align:center;}
.indexTitle h3{font-size:24px;color:#333333;}
.indexTitle p{font-size:16px;/*color:#999999;*/margin-top:6px;}
.aboutCon{background-color:#f7f7f7;padding:40px 0;}
.aboutDet{width:1200px;margin:0 auto;position:relative;}
.aboutDet img{width:1054px;vertical-align:top;height:600px;}
.aboutUs{position:absolute;right:0;top:0;bottom:0;margin:auto;width:450px;height:500px;background-color:#FFFFFF;padding-top:60px;padding-top:60px;box-sizing:border-box;}
.aboutUs h3{text-align:center;font-size:30px;color:#333333;line-height:90px;padding:0 35px;}
.aboutUs p{padding:0 35px;/*text-indent:2em;*/font-size:16px;/*color:#666666;*/line-height:26px;/*height:312px;*/overflow:hidden;text-align:justify;}
.aboutUs .aboutBox{max-height:318px;overflow:hidden;}
.aboutUs a{display:block;margin-left:35px;margin-top:20px;border:1px solid #cccccc;width:130px;line-height:40px;text-align:center;font-size:14px;color:#666666;}
.aboutUs a:hover {background-color:#0ea399;color: #fff;border: 1px solid #0ea399;}
/*产品中心*/
.product{width:1200px;margin:0 auto;}
.product .proList{position:relative;}
.proList .bd{position:relative;font-size:0;}
.proList .bd li{width:370px;height:270px;border:1px solid #eeeeee;margin:0 15px;margin-top:90px;}
.proList .bd li img{width:180px;height:180px;border-radius:50%;border:10px solid #eeeeee;display:block;margin:0 auto;margin-top:-90px;transition:all 300ms linear;}
.itemTitle{padding:0 25px;text-align:center;}
.itemTitle h3{font-size:18px;color:#333333;margin-top:30px;margin-bottom:15px;}
.itemTitle p{font-size:14px;/*color:#999999;*/line-height:25px;max-height:75px;overflow:hidden;text-align: left;white-space:normal;}
/*.proList .bd .tempWrap{width:100%!important;}*/
.proList .hd{position:absolute;left:0;right:0;top:53px;bottom:0;margin:auto;height:40px;z-index:2;}
.proList .hd .prev{float:left;width:40px;line-height:40px;text-align:center;background-color:#cacaca;color:#FFFFFF;font-size:24px;}
.proList .hd .next{float:right;width:40px;line-height:40px;text-align:center;background-color:#cacaca;color:#FFFFFF;font-size:24px;}
.proList .hd a:hover{background-color:#009187;}
.proList .bd li a:hover img{transform:translateX(-10px);}
.proList .bd li a:hover h3{color:#086FB5;}
/*新闻*/
.news{width:1200px;margin:0 auto;}
.tabNews{text-align:center;font-size:0;}
.tabNews p{display:inline-block;vertical-align:top;width:150px;line-height:35px;text-align:center;border-radius:18px;border:1px solid #cccccc;color:#666666;font-size:18px;cursor:pointer;}
.tabNews p.on,.tabNews p:hover{background-color:#0ea399;border:1px solid #0ea399;color:#FFFFFF;}
.tabNews p:first-child{margin-right:40px;}
.newsCon{margin-top:48px;}
.firstNews img{float:left;border-radius:20px;width:458px;height:256px;border: 1px solid #e6e6e6;}
.firstNews .right{width:660px;}
.firstNews h3{font-size:18px;color:#0ea399;}
.firstNews p{font-size:14px;/*color:#999999;*/margin:15px 0;line-height:30px;max-height:150px;overflow:hidden;text-align:justify;}
.firstNews .right a{display:block;width:130px;line-height:40px;text-align:center;font-size:14px;/*color:#FFFFFF;*/background-color:#0ea399;}
.newsList{padding-top:10px;}
.newsList li{margin-top:40px;}
.newsList li .newsDate{width:78px;height:78px;background-color:#eaeaea;text-align:center;margin-right:30px;}
.newsList .newsDate p{font-size:36px;/*color:#666666;*/margin-top:5px;}
.newsList .newsDate span{text-align:center;font-size:16px;/*color:#666666;*/display:block;}
.newsDet h3{font-size:18px;color:#555555;margin-bottom:10px;}
.newsDet p{font-size:14px;/*color:#999999;*/line-height:20px;height:40px;overflow:hidden;}
.newsList li:hover h3{color:#0ea399}
.newsItem{display:none;}
.newsItem:first-child{display:block;}
/*推荐产品*/
.recommend{width:1200px;margin:0 auto;}
.recomList{overflow:hidden;}
.recomList li{margin:0 15px;width:270px;margin-bottom:30px;float:left;}
.recomList li img{width:258px;height:228px;border:1px solid #cccccc;box-sizing: border-box;padding: 10px;}
.recomList li p{text-align:center;padding:0 10px;margin-top:16px;font-size:18px;color:#666666;}
.recomList li:hover p{color:#0ea399;}
/*安全保障*/
.safe{height:418px;width:100%;overflow:hidden;}
.safe img{width:1920px;height:418px;vertical-align:top;position:relative;left:50%;margin-left:-960px;}
/*案例*/
.case{width:1200px;margin:auto;}
.caseList{overflow:hidden;}
.caseList a{float:right;margin-right:15px;}
.caseList a:first-child{float:left;margin-right:0px;margin-left:15px;}
.caseItem{width:565px;position:relative;height:525px;}
.caseItem img{width:100%;height:320px;vertical-align:top;border-radius:20px;}
.imgExpl{background-color:#f7f7f7;width:500px;border-radius:20px;height:258px;margin:0 auto;margin-top:-70px;position:relative;transition:all 300ms linear;opacity: .7;}
.imgExpl h3{padding:28px;font-size:16px;}
.imgExpl p{padding:0 28px;font-size:14px;/*color:#999999;*/line-height:30px;height:120px;overflow:hidden;text-align:justify;}
.caseItem span{position:absolute;right:0;bottom:0;width:130px;line-height:40px;border-radius:7px;text-align:center;background-color:#0ea399;/*color:#fff;*/font-size:14px;}
.caseList a:hover .imgExpl{transform:translateY(-10px);}
/*厂区一角*/
.factory{width:1200px;margin:0 auto;margin-bottom:70px;}
.facList{overflow:hidden;}
.facList li{margin:0 15px;float:left;width:270px;}
.facList li:hover p{color:#0ea399;}
.facList li img{width:270px;height:210px;vertical-align:top;}
.facList li p{text-align:center;padding:0 10px;font-size:18px;color:#666666;margin-top:18px;}












.mt-60{margin-top:60px;}
.mt-20{margin-top:20px;}
